// The following two lines import the default Sencha Touch theme. If you are building
// a new theme, remove them and the add your own CSS on top of the base CSS (which
// is already included in your app.json file).

$base-color: #ff1182; //cssvars的参数必须写在@import上面，否则编译时会报错

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

// Custom code goes here..

@include icon('anchor');
@include icon-font('Linearicons',inline-font-files(
                'Linearicons/Linearicons-Free.woff',woff,
                'Linearicons/Linearicons-Free.ttf',truetype,
                'Linearicons/Linearicons-Free.svg',svg
));

@include icon('lnr-home','\e800','Linearicons');//首页
@include icon('lnr-eye','\e81b','Linearicons'); //发现
@include icon('lnr-shirt','\e82c','Linearicons'); //服装
@include icon('lnr-cart','\e82e','Linearicons'); //购物车
@include icon('lnr-user','\e82a','Linearicons'); //我的
@include icon('lnr-heart','\e813','Linearicons'); //喜欢
@include icon('heart'); //喜欢
.x-button{
  background-color: red;
  background: none;
}
.x-toolbar-dark {
  background-image: none;
  background-color: #ff3224;
  background-image: -webkit-linear-gradient(top, #ff3761, #ff476e 3%, #ff3259);
  background-image: -moz-linear-gradient(top, #ff3761, #ff476e 3%, #ff3259);
  background-image: -o-linear-gradient(top, #ff3761, #ff476e 3%, #ff3259);
  background-image: -ms-linear-gradient(top, #ff3761, #ff476e 3%, #ff3259);
  border-color: red;
}
.x-toolbar.x-docked-top {
  border-bottom:red 1px solid;
}

//@include icon('')

// Examples of using the icon mixin:
// @include icon('user');